<template>
  <div class="group">
<!--    个人账号显示位置-->
    <span class="tag">+1 414 692-89-00</span>
<!--    v-if="IsIF"控制标签的是否隐藏（已登陆的状态）-->
    <span class="sign1 signWrapper" v-if="IsIF" @click="toLoginPage">Sign in</span>
<!--    <div class="signWrapper" v-show="!IsShow" v-if="IsIF"><span class="sign1">Sign up</span></div>-->
  </div>

</template>
<script>
export default {
  components: {

  },
  data() {
    return {
      constants: {},

      IsIF: false,
    }
  },
  methods: {
    toLoginPage(){
      this.$router.push('/login')
    }
  },
  created() {
    if (!localStorage.getItem("userName")){
      alert("未登录")
      // 弹出虚拟框
      this.IsIF=true;

    }

  }

}
</script>

<style src="./css/LoginBar.css" scoped/>
;